<template>
	<view class="content">
		<stepPlus :timeList='timeList'>
			<template v-slot:shenpiren='{shenpiren}'>
				<view>{{ shenpiren }}</view>
			</template>

			<template v-slot:shenpiren1='{shenpiren1}'>
				<view>{{ shenpiren1 }}</view>
			</template>

			<template v-slot:chaosong='{chaosong}'>
				<view>{{ chaosong }}</view>
			</template>

		</stepPlus>
	</view>
</template>

<script>
	import stepPlus from '@/components/setpPlus.vue'
	export default {
		components: {
			stepPlus
		},
		data() {
			return {
				timeList: [{
						title: '发起人',
						lineType: 'solid',
						subTitle: '陈梦瑶',
						avator: {
							type: 'text',
							text: '超',
							pointerClass: 'icon-duigou',
							pointerBgColor: '#58bf97'
						},
						time: '12-12 22:22:22',
					},
					{
						time: '12-12 11:11:11',
						lineType: 'dashed',
						title: '审批人',
						extraSlotName: 'shenpiren',
						subTitle: '2人 一次审批(审批中)',
						avator: {
							type: 'icon',
							avatorIcon: 'icon-tuanduiguanli',
							pointerClass: 'icon-a-13Ashenglve',
							pointerBgColor: '#ebaa37'
						},
					},
					{
						time: '12-12 11:11:11',
						title: '才胜坤',
						lineType: 'dashed',
						subTitle: '同意',
						avator: {
							type: 'icon',
							avatorBgColor: '#56c099',
							size: 'small',
							avatorIcon: 'icon-duigou',
						},
					},
					{
						title: '审批人',
						subTitle: '1人 一次审批',
						lineType: 'dashed',
						extraSlotName: 'shenpiren1',
						avator: {
							type: 'icon',
							avatorIcon: 'icon-tuanduiguanli',
						},
					},
					{
						title: '抄送人（1人）',
						extraSlotName: 'chaosong',
						avator: {
							type: 'icon',
							avatorIcon: 'icon-fasong',
						},
					}
				]
			}
		},
		methods: {

		}

	}
</script>

<style>

</style>
